<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
    <link rel="stylesheet" href="../css/RealNameInfo.css" type="text/css">
    <script src="../js/loginStatus.js"></script>
    <script src="../../configure.js"></script>
    <script src="../jquery/jquery-3.3.1.js"></script>
</head>
<body>
<div id="global">
    <div class="header">
        <div class="logo"><a href="" target="_blank" style="display: block;"><img src="../img/logo.png" alt=""></a>
        </div>
        <div class="menu">
            <ul>
                <li><a href="../../user/html/HomePage.html">首页</a></li>
                <li><a href="../../user/html/booking_delivery.html">寄件服务</a></li>
                <li><a href="../../user/html/service.html">查询服务</a></li>
                <li><a href="MyShunda.html" id="my-topMenu-userCenter">个人中心</a></li>
            </ul>
        </div>
        <div class="header-right">
            <div>
                <span>欢迎你，<i id="loginStatus"></i> &nbsp;</span>
                <span id="index-exit" class="cursor"><a href="../../user/html/login.html" id="exit">退出</a></span>
            </div>
        </div>
    </div>
    <div class="main-container">
        <div class="main_body">
            <div class="sidebar-container">
                <ul class="sidebar-main">
                    <li class="nav-top"><img src="../img/left_menu_top.jpg"></li>
                    <li class="nav-item"><a href="MyShunda.html" class>我的瞬达</a></li>
                    <li class="nav-item"><a href="MyCourier.html" class>我的快递</a></li>

                    <li class="nav-item"><a href="PersonalData.html" class>个人资料设置</a></li>
                    <li class="nav-item"><a href="Bind-account.html" class>账户绑定</a></li>
                    <li class="nav-item"><a href="RealNameInfo.html" class>实名信息</a></li>

                    <li class="nav-bottom"><img src="../img/left_menu_bottom.jpg"></li>
                </ul>
            </div>
            <div class="item-main-container">
                <section class="app-main">
                    <div class="real-name-wrapper">
                        <div class="tab-real">
                            <span class="" id="real_name_set">实名认证</span>
                            <!--                            <span class="" id="real_name_select">实名查询</span>-->

                        </div>
                        <p class="real-tips">
                            温馨提示：按照国家相关要求寄件需实行实名制，为了给您提供更加便捷的寄件服务，
                            <br>
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            建议您完善实名信息，完善后可支持业务员的上门取件快速验证服务。
                        </p>
                        <div class="real-cont">
                            <form action="" class="el-form">
                                <div class="el-form-item">
                                    <label for="nickname" class="el-form-item_label" style="width: 80px">姓名</label>
                                    <div class="el-form-item_content">
                                        <div class="el-input">
                                            <input id="nickname" onblur="checkname()" type="text" class="el-input_inner" autocomplete="off"
                                                   maxlength="16" placeholder="请填写姓名">
                                        </div>
                                    </div>
                                    <div  class="interval" style="float: left" >
                                        <p id="testname" ></p>
                                    </div>
                                </div>
                                <div class="el-form-item">
                                    <label for="phone" class="el-form-item_label" style="width: 80px">手机号</label>
                                    <div class="el-form-item_content">
                                        <div class="el-input">
                                            <input id="phone" onblur="checkphone()" type="text" class="el-input_inner" autocomplete="off"
                                                   maxlength="16" placeholder="请填写手机号">
                                        </div>
                                    </div>
                                    <div  class="interval" style="float: left" >
                                        <p id="testphone" ></p>
                                    </div>
                                </div>
                                <div class="el-form-item">
                                    <label for="confirm_code" class="el-form-item_label" style="width: 80px">验证码</label>
                                    <div class="el-form-item_content" style="float: left">
                                        <div class="el-input" style="width: 200px">
                                            <input id="confirm_code" onblur="checkcode()" type="text" class="el-input_inner"
                                                   autocomplete="off" maxlength="16" placeholder="请填写验证码">
                                        </div>
                                        <button class="code_request" id="code_request">获取验证码</button>
                                    </div>
                                    <div  class="interval" style="float: left" >
                                        <p id="testcode" ></p>
                                    </div>
                                </div>
                                <div class="el-form-item">
                                    <label for="idcard" class="el-form-item_label" style="width: 80px">身份证号</label>
                                    <div class="el-form-item_content">
                                        <div class="el-input">
                                            <input id="idcard" onblur="checkidcard()" type="text" class="el-input_inner" autocomplete="off"
                                                   maxlength="18" placeholder="请填写身份证号码">
                                        </div>
                                    </div>
                                    <div  class="interval" style="float: left" >
                                        <p id="testidcard" ></p>
                                    </div>
                                </div>
                                <div class="el-form-item">
                                    <label for="area" class="el-form-item_label" style="width: 80px">省市区</label>
                                    <div class="el-form-item_content">
                                        <div class="el-input">
                                            <input id="area" onblur="checkarea()" type="text" class="el-input_inner" autocomplete="off"
                                                   maxlength="16" placeholder="请填写省市区">
                                        </div>
                                    </div>
                                    <div  class="interval" style="float: left" >
                                        <p id="testarea" ></p>
                                    </div>
                                </div>
                                <div class="el-form-item">
                                    <label for="address" class="el-form-item_label" style="width: 80px">详细地址</label>
                                    <div class="el-form-item_content">
                                        <div class="el-input">
                                            <input id="address" onblur="checkaddress()" type="text" class="el-input_inner" autocomplete="off"
                                                   maxlength="16" placeholder="请填写详细地址">
                                        </div>
                                    </div>
                                    <div  class="interval" style="float: left" >
                                        <p id="testaddress" ></p>
                                    </div>
                                </div>
                                <div class="el-form-item">
                                    <div class="el-form-item_content" style="margin-left: 80px">
                                        <button type="button" class="el-button" id="realname-submit">
                                            <span>提交</span>
                                        </button>
                                    </div>
                                </div>

                            </form>
                        </div>
                        <div class="real-cont"></div>

                    </div>
                </section>


            </div>
        </div>
    </div>
    <div class="foot">
        <div class="top">
            <div class="top-body">
                <div class="middle">
                    <div class="href" style="margin-top: 30px;">
                        <div class="img">
                            <img src="../../user/img/foot/outlets.svg">
                        </div>
                        &emsp;网点查询
                    </div>
                    <div class="href">
                        <div class="img">
                            <img src="../../user/img/foot/service.svg">
                        </div>
                        &emsp;产品服务
                    </div>
                </div>
                <div class="middle">
                    <div class="href" style="margin-top: 30px;">
                        <div class="img">
                            <img src="../../user/img/foot/prescription.svg">
                        </div>
                        &emsp;运费时效
                    </div>
                    <div class="href">
                        <div class="img">
                            <img src="../../user/img/foot/prohibit.svg">
                        </div>
                        &emsp;禁寄物品
                    </div>
                    <div class="in">

                    </div>
                </div>
                <div class="qr_code">
                    <div class="main">
                        <img src="../../user/img/foot/1.png" style="width: 100%;height: 100%;">
                    </div>
                    <div class="img">
                        <img src="../../user/img/foot/weixin.svg">
                    </div>
                    <div class="text">
                        &emsp;微信公众号
                    </div>
                </div>
                <div class="qr_code">
                    <div class="main">
                        <img src="../../user/img/foot/1.png" style="width: 100%;height: 100%;">
                    </div>
                    <div class="img">
                        <img src="../../user/img/foot/qq.svg">
                    </div>
                    <div class="text">
                        &emsp;QQ公众号
                    </div>
                </div>
                <div class="qr_code">
                    <div class="main">
                        <img src="../../user/img/foot/1.png" style="width: 100%;height: 100%;">
                    </div>
                    <div class="img">
                        <img src="../../user/img/foot/alipay.svg">
                    </div>
                    <div class="text">
                        &emsp;支付宝服务窗
                    </div>
                </div>
                <div class="qr_code">
                    <div class="main">
                        <img src="../../user/img/foot/1.png" style="width: 100%;height: 100%;">
                    </div>
                    <div class="img">
                        <img src="../../user/img/foot/app.svg">
                    </div>
                    <div class="text">
                        &emsp;瞬达APP
                    </div>
                </div>
                <div class="interval">

                </div>
                <div class="logo">
                    <img src="../../user/img/foot/2.png">
                </div>
            </div>
        </div>
        <div class="bottom">
            <div class="text">
                瞬达快递 版权所有 <a href="#">沪ICP备13044869号</a>
            </div>

        </div>
    </div>
</div>
<script src="../jquery/jquery-3.3.1.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/loginStatus.js"></script>
<script src="../js/RealNameInfo.js"></script>
<script src="../js/layer.js"></script>
<script src="../js/intercept.js"></script>
</body>
</html>